Докладчик

Цель работы

Размещение на Github pages заготовки для персонального сайта.

Основные задачи

1. Установить необходимое программное обеспечение.
2. Скачать шаблон темы сайта.
3. Разместить его на хостинге git.
4. Установить параметр для URLs сайта.
5. Разместить заготовку сайта на Github pages.

Что такое Hugo?

• Hugo — это конструктор статических веб-сайтов, который позволяет создавать веб-сайты практически без кода. Генераторы статических сайтов обычно позволяют писать контент на простом языке разметки, таком как Markdown.

Этапы реализации проекта

• Скачиваем исполняемый файл hugo для того, чтобы генерировать страницы сайта(рис. 1)

Этапы реализации проекта

• Далее создаем новый репозиторий(рис. 2)

Этапы реализации проекта

• Клонируем репозиторий(рис. 3)

Этапы реализации проекта

• Выполняем команду ~/bin/hugo server. В результате работы данной команды мы получили ссылку, по которой перешли на сайт(рис. 4) (рис. 5).

Этапы реализации проекта

Этапы реализации проекта

• Создаем репозиторий с названием моего пользователя на Github(рис. 6)

Этапы реализации проекта

• Далее клонируем репозиторий и проверяем его наличие(рис. 7) (рис. 8).

Этапы реализации проекта

Этапы реализации проекта

• Создаем ветку main(рис. 9)

Этапы реализации проекта

• Создаем пустой файл README.md, чтобы активировать репозиторий, и добавляем данный файл на Github(рис. 10)

Этапы реализации проекта

• Переходим в каталог blog и выполняем команду, которая поможет подключить созданный репозиторий к папке public внутри файла blog. Это нужно сделать, чтобы эффективно генерировать страницы сайта(рис. 11)

Этапы реализации проекта

• Добавляем файлы на Github и проверяем наличие файлов в репозитории(рис. 12)

Этапы реализации проекта

• Далее копируем ссылку на наш новй сайт и проверяем его наличие(рис. 13) (рис. 14)

Выводы

• Научилась создавать статистические сайты с помощью hugo. Разместила на Github pages заготовки для персонального сайта.